<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>上传作品</title>
<link rel="stylesheet" type="text/css"
	href="/crowd-sourcing/static/bootstart/css/bootstrap.min.css" />
<style type="text/css">
body {
	margin: 0;
	padding: 0;
	background-color: cornflowerblue;
}

.container {
	background-image: url(/crowd-sourcing/img/bg.png);
}

.ad {
	height: 50px;
	background-image: url(/crowd-sourcing/img/wordMatch_title.png);
}

.col-md-4 {
	height: 300px;
	padding: 10px
}

.col-md-6 {
	height: 50px;
}
.btn-success{
    margin-top: 25px;
    width: 116px;
}
</style>
</head>
<body>
	<div class="container">
		<div class="ad">
			<h2>众包网参赛系统</h2>

		</div>
		<div class="row">
			<div class="col-md-6">
				<h3>作品名称:</h3>
			</div>

			<div class="col-md-6">
			<button type="button" class="btn btn-success"  onclick="jiao()">上传作品</button>
			<button type="button" class="btn btn-success"  onclick="qu()">返回上一页</button>
			</div>


		</div>
		<div class="row">
			<div class="col-md-6"><input type="text"></div>

			<div class="col-md-6"><h3>注意事项</h3></div>


		</div>
		<div class="row">
			<div class="col-md-6">
				<h3>作品附件:</h3>
			</div>

			<div class="col-md-6"><h4>1.不得恶意抄袭或盗取别人作品上传,一经发现立即取消资格</h4></div>


		</div>
		<div class="row">
			<div class="col-md-6"><input type="file"></div>

			<div class="col-md-6"><h4>2.参赛作者请务必在上传作品三天内保持手机通讯通畅</h4></div>


		</div>
		<div class="row">
			<div class="col-md-6">
				<h3>作品信息:</h3>
			</div>

			<div class="col-md-6"><h4>3.若提供作品牵涉知识产权或肖像权所引起的纠纷，由参赛人全权负责。</h4></div>


		</div>
		<div class="row">
			<div class="col-md-6"><input type="text"></div>

			<div class="col-md-6"></div>


		</div>
		<div class="row">
			<div class="col-md-6">
				<h3>作者姓名:</h3>
			</div>

			<div class="col-md-6"></div>


		</div>
		<div class="row">
			<div class="col-md-6"><input type="text"></div>

			<div class="col-md-6"></div>


		</div>
		<div class="row">
			<div class="col-md-6">
				<h3>联系电话:</h3>
			</div>

			<div class="col-md-6"></div>


		</div>
		<div class="row">
			<div class="col-md-6">
			<input type="text">
			</div>

			<div class="col-md-6"></div>


		</div>
	</div>
	<script src="/crowd-sourcing/static/js/jquery-3.4.1.js"></script>
	<script type="text/javascript">
	function jiao(){
		
		var name=$(".container input");
		var s={
				"Name":name[0].value,
				
				"lu":name[1].value,
				"Xin":name[2].value,
				"zname":name[3].value,
				"phone":name[4].value
				
		}
		console.log(JSON.stringify(s));
		 $.ajax({
			type:"post",
			url:"gou",
			data:{
				"opo":"addd",
				"ae":JSON.stringify(s)
			},
			success:function(data){
				if (data == "true") {
					alert("上传成功 ");
					
				} else {
					alert("上传失败");
				}
			}
		}) 
		
	}
	function qu(){
		window.location.href="hone.jsp"
		
	}
	</script>
</body>
</html>